<template>
  <div class="search">
    <el-row :gutter="20">
      <el-col :span="10">
        <el-input placeholder="输入文章关键字" v-model="keywords"></el-input>
      </el-col>
      <el-col :span="1">
        <el-button type="primary" @click="handleSearch">查找</el-button>
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
import { ref } from "vue"
const keywords = ref("")
const emit = defineEmits(["sendKeywords"])
const handleSearch = () => {
  emit("sendKeywords", keywords.value)
}
</script>

<style scoped>
</style>
